<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>下拉框默认选中效果</title>
</head>

<body>
  <select id="box">
    <option>1</option>
    <option>2</option>
    <option>3</option>
    <option>4</option>
    <option>5</option>
    <option>6</option>
    <option>7</option>
  </select>

  <script>
    // 题目：设置下拉框中的默认随机选中项，自己书写结构和js。
    // 解题思路：使用option的selected属性值可以设置默认选中效果，所以只需要给需要选中的option的selected属性设置为true即可

    //获取元素box
    var box = document.getElementById('box');
    //获取box下全部子元素节点
    var opts = box.children;
    //将第五个option设置为默认选中
    opts[4].selected = true;
  </script>
</body>

</html>